<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>YauCheung的博客</title>
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
  <link rel="stylesheet" href="/static/assets/vendors/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="/static/assets/css/index.css">
  <link rel="stylesheet" href="/static/assets/css/base.css">
    <link rel="stylesheet" href="/static/assets/vendors/nprogress/nprogress.css">
    <link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
  <script src="/static/assets/vendors/nprogress/nprogress.js"></script>
</head>
<body>
   <div class="banner">
     <div class="container">
       <div class="row">
         <div class="col-xs-12">
            <div class="banner-about">
         <a href="/index.html"><h1>YUBLOG</h1>
          <p>想法•故事•学习</p></a>
      </div>
         </div>
       </div>
     </div>
  </div>
  <div class="main">
    <div class="container">
       <div class="row">
          <div class="col-sm-3 col-xs-12 hidden-xs">
            <div class="category">
              <h3>&nbsp;&nbsp;分类标签</h3>
               <div class="list-group" id="category-list">
              </div>
            </div>
            <div class="post">
              <h3>&nbsp;&nbsp;热门文章</h3>
                <div id="hot_posts">  
                </div>   
            </div>
            <div class="other hidden-xs">
              <h3>&nbsp;&nbsp;其他</h3>
              <div class="list-group">
                <a href="/admin/login.php" class="list-group-item ">
                博客管理
                </a>
                <a href="https://weibo.com/u/6018878594" class="list-group-item">我的微博</a>
                <a href="javascript:;" class="list-group-item">QQ邮箱：1272125039@qq.com</a>
                <a href="https://blog.csdn.net/YauCheun" class="list-group-item">我的CSDN</a>
              
              </div>
            </div>
              <div class="music hidden-xs hidden-sm ">
                <div class="music-bg" id="music-img">
                    <img src="/static/assets/img/music.jpg" alt="">
                </div>
                <audio id="bgMusic" src="https://music.163.com/song/media/outer/url?id=110805"></audio>
                <span>“音乐是空气的诗歌”</span>
            </div>
          </div>
           <div class="panel-group hidden-sm hidden-md hidden-lg middle" id="accordion " role="tablist" aria-multiselectable="true">
            <div class="panel panel-default">
              <div class="panel-heading" role="tab" id="headingOne">
                <h4 class="panel-title">
                  <a role="button" data-toggle="collapse" width="100%" style="display: block;" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                    分类标签
                  </a>
                </h4>
              </div>
              <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                <div class="panel-body" id="category-list1">
                

                </div>
              </div>
            </div>
            <div class="panel panel-default">
              <div class="panel-heading" role="tab" id="headingTwo">
                <h4 class="panel-title">
                  <a class="collapsed" role="button" width="100%" style="display: block;" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                   热门文章
                  </a>
                </h4>
              </div>
              <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                <div class="panel-body" id="hot_posts1">
                 
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-9 col-xs-12">
             <div class="post_detail" id="postdetail">
             </div>
             <div class="post-commets-list" >
               <h4>评论列表</h4>
               <div id="post_C"></div>
             </div>
              <div class="post-comments">
                <form class="form-horizontal">
                  <div class="form-group">
                    <label for="nickname" class="col-sm-1 control-label">昵称</label>
                    <div class="col-sm-6">
                      <input type="text" class="form-control" id="nickname" placeholder="昵称">
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="content" class="col-sm-1 control-label">评论内容</label>
                    <div class="col-sm-6">
                      <textarea class="form-control" id="content" rows="3"></textarea>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-offset-1 col-sm-10">
                      <a href="javascript:;" class="btn btn-default" id="submit">提交</a>
                    </div>
                  </div>
                </form>


              </div>          
          </div>
       </div>
    </div>
    <div class="container">
      <div class="row">
        <div class="hidden-sm hidden-md hidden-lg col-xs-12">
            <div class="other">
              <h3>&nbsp;&nbsp;其他</h3>
              <div class="list-group">
                <a href="/admin/login.php" class="list-group-item ">
                博客管理
                </a>
                <a href="https://weibo.com/u/6018878594" class="list-group-item">我的微博</a>
                <a href="javascript:;" class="list-group-item">QQ邮箱：1272125039@qq.com</a>
                <a href="https://blog.csdn.net/YauCheun" class="list-group-item">我的CSDN</a>
              
              </div>
            </div>
        </div>
      </div>
    </div>
    <div class="foot">
      <div class="container">
        <div class="row">
          <div class="col-xs-12">
            <p style="text-align: center;">©2019 由 <span><a href="https://weibo.com/u/6018878594">YauCheung</a></span> 版权所有</p>
              <p style="text-align: center;"><a href="http://www.miitbeian.gov.cn
">湘ICP备19007566号</a></p>
          </div>
        </div>
      </div>
    </div>
     <div id="goToTop"><a href="javascript:;"><img src="/static/assets/img/top.jpg" width="30" height="30" alt=""></a></div>
  </div>
   <script id="category_tmpl" type="text/x-jsrender">
    {{for commens}}
       <a class="list-group-item" href="/article/category/category.html?id={{: id}}">
                  <span class="badge">({{: count}})</span>
                {{: name}}
                </a>
    {{/for}}
  </script>
     <script id="category_tmpl1" type="text/x-jsrender">
    {{for commens}}
       <a class="list-group-item" href="/article/category/category.html?id={{: id}}">
                  <span class="badge">({{: count}})</span>
                {{: name}}
                </a>
    {{/for}}
  </script>
  <script id="hot_posts_tmpl" type="text/x-jsrender">
    {{for commens}}
        <div class="list-group">
                <a href="/article/detail/post-detail.html?id={{: id}}" class="list-group-item ">
                  <h4 class="list-group-item-heading">{{: title}}</h4>
                  <p class="list-group-item-text">view：<span>{{: views}}</span></p>
                </a>
              </div>
    {{/for}}
  </script>
    <script id="hot_posts_tmpl1" type="text/x-jsrender">
    {{for commens}}
        <div class="list-group">
                <a href="/article/detail/post-detail.html?id={{: id}}" class="list-group-item ">
                  <h4 class="list-group-item-heading">{{: title}}</h4>
                  <p class="list-group-item-text">view：<span>{{: views}}</span></p>
                </a>
              </div>
    {{/for}}
  </script>
   <script id="posts_detail" type="text/x-jsrender">
     {{for commens}}
        <div class="post-detail-header">
                  <h2>{{: title}}</h2>
                  <p class="date"><i></i> &nbsp; {{updateDate:created}}</p>
                  <p> <i></i> &nbsp;view :&nbsp; <span class="read">{{: views}}</span></p>
               </div>
               <div class="post-detail-content">
                {{: content}}
               </div> 
    {{/for}}
  </script>
   <script id="post_comments" type="text/x-jsrender">
     {{for commens}}
        </div>
                <div class="comments">
                 <p class="date">{{updateDate:created}}</p>
                 <p class="nickname">作者：<span class="author">{{: author}}</span> </p><br>
                 <h5>{{: content}}</h5>
               </div>
    {{/for}}
  </script>
  <script src="/static/assets/vendors/jquery/jquery.js"></script>
    <script src="/static/assets/vendors/jsrender/jsrender.js"></script>
  <script src="/static/assets/vendors/bootstrap/js/bootstrap.js"></script>
   <script src="/static/assets/js/postDetail.js"></script>
   <script src="/static/assets/js/music.js"></script>
</body>
</html>